@charset "UTF-8";

@import "reset2.scss";

.car{
    width: 1000px;
    height: 1100px;
    margin: 0 auto;
    .car-process{
        padding-top: 46px;
        width: 810px;
        margin: 0 auto;
       .my-car{
           width: 270px;
           height: 68px;
           .my-car-num{
               margin-right: 180px;
               margin-top: 8px;
               font-size: 18px;
               color: #eb413d;
           }
           .my-car-line{
               margin-top: -34px;
               width: 213px;
               border: 1px solid #eb413d;
               
           }
           .my-car-text{
               margin-top: -28px;
               margin-right: 120px;
               color: #444f58;
           }
           .my-car-time{
               font-size: 14px;
               color: #b0b0b1;
               
           }
           
       }
           .check-car{
           width: 270px;
           height: 68px;
           .my-car-num{
               margin-right: 180px;
               margin-top: 8px;
               font-size: 18px;
               color: #b0b0b1;
           }
           .my-car-line{
               margin-top: -34px;
               width: 213px;
               border: 1px solid #d9d9d9;
               
           }
           .my-car-text{
               margin-top: -28px;
               margin-right: 106px;
               color: #444f58;
           }
          
           
       }
       .success-car{
           width: 270px;
           height: 68px;
           .my-car-num{
               margin-right: 180px;
               margin-top: 8px;
               font-size: 18px;
               color: #b0b0b1;
           }
           .my-car-line{
               margin-top: -34px;
               width: 213px;
               border: 1px solid #d9d9d9;
               
           }
           .my-car-text{
               margin-top: -28px;
               margin-right: 106px;
               color: #444f58;
           }
           
           
       }
    }
    .car-line{
        width:1000px;
        border-bottom: 4px solid #f8f8f8;
        margin-top: 192px;
        position: relative;
         .car-line2{
            width: 5%;
            border-bottom: 4px solid red;
           
           position: absolute;
            
        }
    }
    .car-title{
        margin-top: 20px;
        font-size: 20px;
    }
    .car-th{
        width: 100%;
        height: 46px;
        background: #f8f8f8;
        font-size: 13px;
        border: 1px solid #e7e7e7;
        margin-top: 24px;
        color: #a7a7a8;
        .all-select{
            margin-left: 20px;
            margin-top: 17px;
            input{
                margin-right: 15px;
            }
        }
        .commdity{
            margin-left: 40px;
            margin-top: 17px;
        }
        .name{
            margin-left: 166px;
            margin-top: 17px;
        }
        .pirce{
            margin-left: 169px;
            margin-top: 17px;
        }
        .offer{
            margin-left: 65px;
            margin-top: 17px;
        }
        .size{
            margin-left: 73px;
            margin-top: 17px;
        }
        .nump{
            margin-left: 85px;
            margin-top: 17px;
        }
        .make{
            margin-left: 88px;
            margin-top: 17px;
        }
   
    }
    .car-td{
        width: 100%;
        height: 175px;
        border: 1px solid #e7e7e7;
        margin-top: -1px;
        font-size: 13px;
        color: #444f58;
        .checkbox{
            margin-left: 21px;
            margin-top: 87px; 
        }
        .img{
            margin-top: 43px;
            margin-left: 60px;
        }
        .introduce{
            margin-left: 49px;
            margin-top: 36px;
            p{
                margin-top: 56px;
            }
        }
        .money{
            margin-left: 68px;
            margin-top: 38px;
            color: #ec5451;
        }
        .discount{
            margin-left: 52px;
            margin-top: 38px;
            color: #ec5451;
        }
        .xl{
           margin-left: 44px;
           margin-top: 38px;
            
        }
        .numb{
            margin-left: 52px;
            margin-top: 34px;
            text-align: center;
            line-height: 24px;
            .jian{
                width: 28px;
                height: 24px;
                border: 1px solid #e7e7e7;
                
            }
            .liang{
                width: 38px;
                height: 24px;
                border: 1px solid #e7e7e7;
                margin-left: -1px;
            }
            .jia{
                 width: 28px;
                height: 24px;
                border: 1px solid #e7e7e7;
                margin-left: -1px;
            }
            
        }
        .delete{
                margin-left: 50px;
                margin-top: 34px;
                p{
                    margin-top: 21px;
                }
            }
    }
    .delete-commodity{
        margin-left: 17px;
        margin-top: 23px;
        font-size: 13px;
        color: #444f58;
    }
    .total{
        margin-right: 27px;
        margin-top: 23px;
        font-size: 13px;
        a{
            color: #eb413d;
        }
    }
    .discount{
        margin-right: 27px;
        margin-top: 10px;
        font-size: 13px;
        a{
            color: #eb413d;
        }
    }
    .total-price{
        width: 100%;
        height: 88px;
        background: #f8f8f8;
        border: 1px solid #e7e7e7;
        margin-top: 52px;
        p{
            float: right;
            margin-right:27px ;
            margin-top: 27px;
            font-size: 14px;
            
            a{
                font-size: 30px;
                color: #eb413d;
                vertical-align:middle;
               
            }
        }
    }
    .renew{
        width: 174px;
        height: 44px;
        border: 2px solid #eb413d;
        border-radius: 25px;
        text-align: center;
        line-height: 40px;
        color: #eb413d;
        margin-top: 14px;
    }
   .clearing{
       width: 174px;
        height: 44px;
        border: 2px solid #eb413d;
        background: #eb413d;
        border-radius: 25px;
        text-align: center;
        line-height: 40px;
        color: white;
        margin-top: 14px;
        a{
            color: #000000;
        }
   }
}
